<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>Contact Us - eKoders Admin Template</title>
	
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/fonts.css">
	<link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css">
	
	<!-- PAGE LEVEL PLUGINS STYLES -->
	<link rel="stylesheet" href="../assets/css/plugins/colorBox/colorbox.css">
	
    <!-- Tc core CSS -->
	<link id="qstyle" rel="stylesheet" href="assets/css/themes/style.css">
	
	
    <!-- Add custom CSS here -->

	<!-- End custom CSS here -->
	
    <!--[if lt IE 9]>
    <script src="../assets/js/html5shiv.js"></script>
    <script src="../assets/js/respond.min.js"></script>
    <![endif]-->
	
  </head>

<body>

    <nav class="navbar top-navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="index.html">
                    <img src="../assets/images/logo-big.png" alt="logo" class="img-responsive">
                </a>
            </div>		
            <!-- Top Menu Right-->
			<div class="nav-top">
				<ul class="nav navbar-right">
					<li class="visible-xs">
						<a href="#" class="tooltip-primary" data-placement="right" data-rel="tooltip" title="+ 91 124 2250121">
							<i class="fa fa-phone"></i>
						</a>
					</li>
					<li class="hidden-xs">
						<a href="#">
							<i class="fa fa-phone"></i>
							<span class="bigger-110 hidden-xs">+ 91 124 2250121</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope"></i> <span class="badge up badge-primary">2</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-bell"></i> <span class="badge up badge-success">3</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-tasks"></i> <span class="badge up badge-info">7</span>
						</a>
					</li>
					<li class="dropdown user-box-no-images">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="user-info"> My Account</span> <b class="caret"></b>
						</a>
						<ul class="dropdown-menu dropdown-user">
							<li>
								<a href="../profile.html">
									My Profile
								</a>
							</li>
							<li>
								<a href="../invoice.html">
									My Invoices
								</a>
							</li>
							<li>
								<a href="../login.html">
									Signin
								</a>
							</li>
						</ul>
					</li>
					<!--Search Box-->
					<li class="dropdown nav-search-icon">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="glyphicon glyphicon-search"></span>
						</a>
						<ul class="dropdown-menu dropdown-search">
							<li>
								<div class="search-box">
									<form class="" role="search">
										<input type="text" class="form-control" placeholder="Search" />
									</form>
								</div>
							</li>
						</ul>
					</li>
					<!--Search Box-->
				</ul>
			</div>
            <!-- /.Top Menu -->
		</div>
		
		<div class="top-menu collapse navbar-collapse  navbar-main-collapse">
			<div class="container">
				<!-- Left Menu-->
				<div class="nav-top">
					<ul class="nav navbar-nav navbar-left">
						<li>
							<a href="index.html">Home</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Pages <b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="about-us.html">About Us</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="pricing-tables.html">Pricing Tables</a></li>
							</ul>					
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li>
							<a href="contact.html">Contact Us</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-left pull-right hidden-xs hidden-sm">
						<li>
							<a href="contact.html" class="btn btn-primary">Live Chat</a>
						</li>
					</ul>
				</div>
			</div>
        </div>
        <!-- /.container -->
    </nav>
	
	
	<div class="page-container"><!-- /page container -->
	
	<!-- /#ek-layout-button -->	
		<div class="qs-layout-menu front">
			<div class="btn btn-gray qs-setting-btn" id="qs-setting-btn">
				<i class="fa fa-cog bigger-150 icon-only"></i>
			</div>
			<div class="qs-setting-box" id="qs-setting-box">										
				<span class="bigger-120">Color Options</span>										
				<div class="hr hr-dotted hr-8"></div>										
				<ul>									
					<li><button class="btn" style="background-color:#d15050;" onclick="swapStyle('assets/css/themes/style.css')"></button></li>
					<li><button class="btn" style="background-color:#86618f;" onclick="swapStyle('assets/css/themes/style-1.css')"></button></li> 
					<li><button class="btn" style="background-color:#ba5d32;" onclick="swapStyle('assets/css/themes/style-2.css')"></button></li>
					<li><button class="btn" style="background-color:#488075;" onclick="swapStyle('assets/css/themes/style-3.css')"></button></li>
					<li><button class="btn" style="background-color:#4e72c2;" onclick="swapStyle('assets/css/themes/style-4.css')"></button></li>
				</ul>											
			</div>
		</div>
	<!-- /#ek-layout-button -->
	
		<div class="mass-head inner">
			<div class="container">
				<div class="row">
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<h1>Contact Us <small>We'd Love to Hear From You!</small></h1>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
						<ol class="breadcrumb">
							<li><a href="index.html">Home</a></li>
							<li class="active">Contact us</li>
						</ol>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="container">
			<div class="block-s2">
			<!--CONTENT-->
		

				<!--Contact Us from-->
				<div class="row">
					<div class="col-lg-8 col-md-8 col-sm-6 col-xs-12">
						
						<p>To get a detailed overview of our products and services in detail, please fill up the Contact Form below:</p>
						
						<div class="hr-12 hr-double hr-dotted"></div>
						
						<form role="form" method="POST" action="#">
							<div class="well light">
								<div class="row">
									<div class="form-group col-lg-4">
										<label id="input1">Name</label>
										<input type="text" name="contact_name" class="form-control">
									</div>
									<div class="form-group col-lg-4">
										<label id="input2">Email Address</label>
										<input type="email" name="contact_email" class="form-control">
									</div>
									<div class="form-group col-lg-4">
										<label id="input3">Phone Number</label>
										<input type="text" name="contact_phone" class="form-control">
									</div>
								
									<div class="clearfix"></div>
				  
									<div class="form-group col-lg-12">
										<label id="input4">Message</label>
										<textarea name="contact_message" class="form-control" rows="10"></textarea>
									</div>
									<div class="form-group col-lg-12">
										<input type="hidden" name="save" value="contact">
										<button type="submit" class="btn btn-primary"><i class="fa fa-send"></i>Submit</button>
									</div>
								</div>
							</div>
						 </form>	
					</div>
					
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
						<!--address-->
						<h3>eKoders</h3>
						<h4>A Startup Bootstrap Theme</h4>
						
						<p>5656 47th Street N.<br>Bootstrapville, CA 32323<br></p>
						<p><i class="fa fa-phone"></i> <abbr title="Phone">P</abbr>: (555) 984-3600</p>
						<p><i class="fa fa-envelope-o"></i> <abbr title="Email">E</abbr>: <a href="mailto:Sales.example@example.com">Sales.example@example.com</a></p>
						<p><i class="fa fa-clock-o"></i> <abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 5:00 PM</p>
						
						<ul class="list-unstyled list-inline">
							<li class="no-padding-left">
								<a href="#facebook-profile" class="btn btn-facebook btn-xs btn-circle" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook icon-only bigger-110"></i></a>
							</li>
							<li class="no-padding-left">
								<a href="#twitter-profile" class="btn btn-twitter btn-xs btn-circle" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter icon-only bigger-110"></i></a>
							</li>
							<li class="no-padding-left">
								<a href="#google-plus-profile" class="btn btn-googleplus btn-circle btn-xs" data-toggle="tooltip" data-rel="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus icon-only bigger-110"></i></a>
							</li>
						</ul>
						<!--//address-->

						<!--address-->
						<h3>eKoders <small>Branch</small></h3>
						<h4>A Startup Bootstrap Theme</h4>
						
						<p>5656 47th Street N.<br>Bootstrapville, CA 32323<br></p>
						<p><i class="fa fa-phone"></i> <abbr title="Phone">P</abbr>: (555) 984-3600</p>
						<p><i class="fa fa-clock-o"></i> <abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 5:00 PM</p>
						<!--//address-->						
					</div>
			
				</div>

				<div class="row">
					<div class="col-lg-12">
						<h4><i class="fa fa-warning text-yellow"></i> Important note</h4>
						<div class="well light">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi erat massa, ultricies sit amet mattis vitae, lacinia in quam. Nullam nec congue odio.
						</div>
					</div>
				</div>
				<!--//Contact Us from-->		
		
			<!--CONTENT-->
			</div>
		</div>
		

		<!--Footer-->
		<div class="block-footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features <span class="badge badge-primary">New</span></a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
					
						<h4>About Us</h4>
						<div class="well">
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting dustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
						</div>
						
						<h4>Contact Us</h4>
						<ul class="list-inline">
							<li><i class="fa fa-phone"></i> (123) 456-7890</li>
							<li><i class="fa fa-envelope"></i> Sale.dtp@example.com</li>
						</ul>
						
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 social">
						<h4>Follow Us</h4>
						<ul class="list-inline">
							<li><a href="#" class="btn btn-circle btn-facebook btn-xs"><i class="fa fa-facebook icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-googleplus btn-xs"><i class="fa fa-google-plus icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-twitter btn-xs"><i class="fa fa-twitter icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-linkedin btn-xs"><i class="fa fa-linkedin icon-only"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="row copyright">
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<p>2014 © eKoders, All rights reserved.</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<ul class="list-inline">
							<li><a href="#">Privacy Policy</a></li>
							<li><a href="#">Terms of Use</a></li>
							<li><a href="#">Refund Policy</a></li>
							<li><a href="#">License</a></li>
						</ul>						
					</div>
				</div>
			</div>
		</div>
		
		<a id="back-to-top" href="#" class="btn btn-primary btn-sm back-to-top" role="button"><i class="fa fa-angle-double-up icon-only bigger-110"></i></a>
		<!--End Footer-->
		
	</div><!-- /page container -->
    
	
    <!-- core JavaScript -->
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
	<script src="../assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../assets/js/plugins/pace/pace.min.js"></script>
	
	<!-- PAGE LEVEL PLUGINS JS -->
	
    <!-- Themes Core Scripts -->	
	<script src="../assets/js/main.js"></script>

	<!-- initial page level scripts for examples -->
	<script type="text/javascript">
		// init variables require for all front pages
			Apps.initNavTopBar();
		// end
	</script>
</body>

</html>
